---
title: 品牌化
---

import { LinkButton } from '@astrojs/starlight/components';

这些素材使用 [CC-BY-SA-4.0](https://github.com/LinwoodDev/Butterfly/blob/develop/BRANDING_LICENSE)授权。

## Logo

![Logo](/img/logo.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/logo.svg">SVG</LinkButton>
  <LinkButton href="/img/logo.png">PNG</LinkButton>
</div>

## 开发版Logo

![Logo](/img/nightly.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/nightly.svg">SVG</LinkButton>
  <LinkButton href="/img/nightly.png">PNG</LinkButton>
</div>

## Banner

![Banner](/img/banner.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/banner.svg">SVG</LinkButton>
  <LinkButton href="/img/banner.png">PNG</LinkButton>
</div>

## 文件

![Documentation](/img/docs.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/docs.svg">SVG</LinkButton>
  <LinkButton href="/img/docs.png">PNG</LinkButton>
</div>

## 颜色

* 主色：`#c4840d`
* 强调色: `#7b8f96`

## 字体

* Website: `Barlow`
* App: `Comfortaa`

## 屏幕截图

> 用于 firefox 响应设计模式

* 手机：Galaxy S20 Ultra
* 7英寸的平板电脑: Nexus 7
* 10英寸的平板电脑: Nexus 10
